<template>
  <div class="loading" v-if="loading">
    自定义的 loading... 效果组件
  </div>
</template>

<script>
export default {
  data() {
    return {
      loading: false
    }
  },
  methods: {
    // 这两个方法是 nuxt 指定好的不可更改
    start() {
      // 开始加载
      this.loading = true
    },
    finish() {
      // 加载结束
      this.loading = false
    }
  },
}
</script>